import './index.scss';


/**
 * @npme  列表循环组件
 * @param {*} Props 
 * @returns 
 */
export function GHome(Props){
    const {item} = Props;
    return(
        <div className={'g-home'}>
            <div className={'g-home-site'}
                onClick={()=>{console.log('跳转设置界面');}} 
            />
      
            <h3>树洞日记</h3>
            <div className={'g-home-main'}>
                {item.map((item,index) =>{
                    return <div className={'g-home-item'}
                                onClick={()=>{console.log('跳转--'+item.i_title);}}
                    >
                            <img src={item.i_logo} alt="" />
                            <div>
                                <h4>{item.i_title}</h4>
                                <span>{item.i_text}</span>
                            </div>
                        </div>
                })
                }     
            </div>
            
        </div>
        
    )
}

